<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="spring" uri="http://www.springframework.org/tags" %>
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>

<!-- All Spring messages used in this view are declared below with a variable -->
<spring:message code="customer.username_lbl" var="username_lbl"/>
<spring:message code="customer.password_lbl" var="password_lbl"/>
<spring:message code="login_lbl" var="login_btn"/>
<spring:message code="error.login_lbl" var="loginerror_lbl"/>

<div class="col-md-6 col-sm-10 col-centered">
    <img src="<c:url value="/img/Reisburrito.png"/>" class="logoreisburrito center-block"/>
    <div class="panel panel-info col-centered">
        <div class="panel-heading">
            <spring:message code="login_lbl"/>
        </div>
        <form class="form-horizontal" id="loginForm" action="${pageContext.request.contextPath}/login" method="post">
            <div class="panel-body">
                <div class="form-group">
                    <div class="col-md-8 col-centered">
                        <c:if test="${not empty loginError}">
                            <font color="red">
                            ${loginerror_lbl}
                            </font>
                        </c:if>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group">
                        <label class="col-md-5 control-label col-sm-5">${username_lbl}</label>
                        <div class="col-md-6 col-sm-5">
                            <input class="form-control"type='text' name='username' />
                        </div>
                    </div>
                </div>
                <div class="row">
                    <div class="form-group">
                        <label class="col-md-5 col-sm-5 control-label">${password_lbl}</label>
                        <div class="col-md-6 col-sm-5">
                            <input class="form-control" type='password' name='password' />
                        </div>
                    </div>               
                </div>
                <div class="row">
                    <div class="col-md-6 col-sm-5 col-xs-4"></div>
                    <input class="btn" id='submit' name="submit" type="submit" value="${login_btn}"/>
                </div>
            </div>
        </form>
    </div>
    <img src="<c:url value="/img/Rainbowsheep.png"/>" class="logo center-block"/>
</div>